<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>



  <script>
    // var arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    // console.log(arr1.slice(0, 4)) // [1, 2, 3, 4]

    // var arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    // console.log(arr2.concat([10, 11, 12], [13, 14, 15], [16, 17, 18]))

    // var arr3 = [3, 2, 5, 4, 9, 7, 8, 6, 1]

    // var arr3_copy = [
    //   {id: 3, name: 'tom3'}, // a
    //   {id: 5, name: 'tom5'}, // b
    //   {id: 1, name: 'tom1'},
    //   {id: 4, name: 'tom4'},
    //   {id: 2, name: 'tom2'}
    // ]

    // console.log(arr3.sort())

    // console.log(arr3_copy.sort(function (prev, next) {
    //   if (prev.id - next.id < 0) {
    //     return -1
    //   } else if (prev.id - next.id === 0) {
    //     return 0
    //   } else if (prev.id - next.id > 0) {
    //     return 1
    //   }
    // }))

    // console.log(arr3_copy.sort(function (prev, next) {
    //   // prev.id = 3    -   next.id = 5  =  -2
    //   // prev.id = 5    -   next.id = 1  =  4
    //   // prev.id = 3    -   next.id = 3  =  0

    //   return prev.id - next.id

    //   // if (prev.id - next.id < 0) {
    //   //   return -1
    //   // } else if (prev.id - next.id === 0) {
    //   //   return 0
    //   // } else if (prev.id - next.id > 0) {
    //   //   return 1
    //   // }
    // }))

    // var arr4 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    // console.log('<li>' + arr4.join('</li><li>') + '</li>')


    var arr5 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    // console.log(arr5)
    // arr5.pop()
    // console.log(arr5)

    var arr6 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    // console.log(arr6)
    // arr6.push(10)
    // console.log(arr6)

    var arr7 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    // console.log(arr7)
    // arr7.shift()
    // console.log(arr7)

    var arr8 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    // console.log(arr8)
    // arr8.unshift(0)
    // console.log(arr8)

    var arr9 = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    console.log(arr9)
    var result = arr9.splice(3, 3, 666)
    console.log(arr9)
    console.log('result', result)

    // 修改原数组的api
    // sort 排序
    // pop 删除数组最末尾的元素
    // push 数组最末尾添加元素
    // shift 删除数组为开头的元素
    // unshift 数组最开头添加元素
    // splice 自由位置删除元素，返回删除的所有元素

    // 不修改原数组的api
    // slice 选取
    // concat 合并
    // join 拼接
  </script>
</body>

</html>